@import "ui";
#zhgl-map {
  .analyse-title {
    height: 40px;
    line-height: 40px;
    font-size: @base-font;
    padding:0 0 0 4px;
    .blue-color {
      margin:0 30px 0 10px;
    }
  }
  .analyse-chart-container {

  }
  .analyse-chart {
    width: 170px;
    min-height: 124px;
  }
  .analyse-chart-right {
    width: 250px;
    height: 120px;
    background: #edf1f3;
    border: 1px solid #d6dee2;
    border-radius: 3px;

  }
  .analyse-chart-list {
    margin:0;
    padding: 20px;
    list-style: none;
    font-size: @base-font;
     li {
       display: inline-block;
       width: 100px;
       margin:0 0 16px 0;
     }
     .blue-color {
       margin:0 0 0 10px;
     }
  }
  .quick-choose {
    span {
      color : @main-blue;
      font-size: @base-font;
      cursor: pointer;
      position: relative;
      display: inline-block;
      padding:0 16px;

      &::after {
        content:"";
        display: inline-block;
        width:1px;
        height:12px;
        background: @main-blue;
        position: absolute;
        right:0;
        top:2px;
      }
    }
  }
  .to-data-list {
    cursor: pointer;
  }
  .search-back-table {
    color: @main-blue;
    cursor: pointer;
  }
  .analyse-event {
    height: 120px;
    font-size: @base-font
  }
  .analyse-event-header {
    color: @main-blue;
    height: 30px;
    line-height: 30px
  }
  .analyse-event-left {
    width: 240px;
    float: left;
  }
  .analyse-event-right {
    width: 140px;
    float: right;
  }
  .analyse-event-content  {
    >div {
      margin:0 0 6px 0
    }
  }

  .event-panel-picture {
    width: 340px;
    height: 120px;
    margin-left: 20px;
    margin-bottom: 10px;
    .multiple-items {
      height: 120px;
    }
    .slick-slide {
      margin: 0 8px;
    }
    .slick-slide img {
      width: 100%;
      height: 120px;
    }
    .slick-prev:before, .slick-next:before {
      color : @main-blue;
    }
  }
  .event-panel-picture-title{
    margin-bottom: 10px;
  }

  .event-anjuan {
    width: 100%;
    height: 1131px;
    background: url("../image/anjuan_bg.png") no-repeat 58px 0;
  }

  .anjuan-module {
    width: 100%;
    display: flex;
    padding-top: 12px;
    margin-bottom: 16px;
  }

  .module-left {
    width: 50px;
    height: 100%;
    padding-top: 16px;
    h2 {
      font-size: 16px;
      color: #1983d1;
      padding: 0;
      margin: 0;
    }
    .chuzhi {
      color: #8e5ee3;
    }
    .paiqian {
      color: #14ae68;
    }
    .jiean {
      color: #8a8a8a;
    }
  }

  .module-mid {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin-left: 3px;
    margin-right: 13px;
    margin-top: 16px;
    background: url("../image/done.png") no-repeat center center;
  }

  .module-up {
    background-color: #1983d1;
  }

  .module-chuzhi {
    background-color: #8e5ee3;
  }

  .module-chuli {
    background-color: #203258;
  }

  .module-dengdai {
    background-color: #5b3543;
  }

  .module-anqi {
    background-color: #ab3543;
  }

  .module-heqi {
    background-color: #7b454f;
  }

  .module-liyou {
    background-color: #000;
  }

  .module-heqx {
    background-color: #333;
  }

  .module-wanhao {
    background-color: #123ef6;
  }

  .module-yeyu {
    background-color: #aaadb5;
  }

  .module-wanc {
    background-color: #444db5;
  }

  .module-yishi {
    background-color: #3baff5;
  }

  .module-paiqian {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: solid 3px #14ae68;
    margin-left: 3px;
    margin-right: 13px;
    margin-top: 16px;
    background: url("../image/doing.png") no-repeat center center;
  }

  .jiean-mid {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: solid 3px #8a8a8a;
    margin-left: 3px;
    margin-right: 13px;
    margin-top: 16px;
  }

  .module-right {
    width: 285px;
    padding: 12px;
    p {
      font-size: 16px;
      margin: 0;
    }
  }

  .jiean-color {
    background-color: #edf1f2;
  }

  .up-color {
    background-color: #edf1f2;
  }

  .chuzhi-color {
    background-color: #f2eef9;
  }

  .pai-color {
    background-color: #ecf6ee;
  }

  .jiean-module {
    margin-top: 50px;
  }


}
